
/* CSS Document */
@media only screen and (min-width:1920px) {
html {
	font-size: 11px;
}
}
@media only screen and (min-width: 1420px){
	.w{width: 1200px}
	.wp{width: 1391px}
}
@media only screen and (max-width: 1200px) {
.navli a {
	line-height: 32px;
}
	.nav{display: none;}
#fnav {
	display: none;
}
#footer .qr_code .qr_code_l {
	width: 32.29%;
}
#footer .qr_code .qr_code_r {
	width: 64.58%;
}
.collect {
	display: none;
}

	.logo{width: 100%;margin-left: 0;}
	#search-form{display: none;}
}

@media only screen and (max-width: 992px) {
html {
	font-size: 9.5px;/* 整体字体缩小 */
}
#main_left {
	display: none;
}
#main_right {
	width: 100%;
}
	.qr_code_l{width: 50%;}
.qr_code_r {
	width: 42%;
}
	.qr_code_map{width: 100%;float: none;text-align: center;}
	.qr_code_map img{float:none;}
	#footer{
		margin-bottom: 65px;
	}
#case .ctitle {
	padding-bottom: 20px;
	padding-top: 20px;
}
.tab-tle {
	display: none;
}
#top_product .swiper-container {
	height: auto
}
#news {
	margin: 20px auto;
}
#kefu_wrap {
	display: none;/* QQ不显示 */
}
.tbox {
	display: none;
}
.tbox #gotop {
	display: none;
}
.swiper-pagination-bullet {
	display: none;
}
.swiper-button-prev, .swiper-button-next {
	display: none;
}
	.news_description{width: 100%;}
	.news_title{width: 25%;}
	.news_content{
	float: left;
	width: 75%
}
#mess_index_l {
	display: none;
}
.nav_map {
	display: block;
}

#index_about {
	padding-top: 40px;
	padding-bottom: 40px;
}
#index_about_title {
	padding-bottom: 30px;
	padding-left: 0;
	width: 100%;
	text-align: center;
}
#search {
	display: none;
}
#case .swiper-slide:hover .pic_top:before,#case .swiper-slide:hover .pic_h{
	display: none;
}	
}

@media only screen and (max-width: 768px) {
html {
	font-size: 9px;/* 整体字体缩小 */
}
.image-item {
	width: 42.6%;
}


#index_about_list_l {
	width: 100%;
	text-align: center;
}
#index_about_list_r {
	width: 100%;
	padding-right: 0;
	float: none;
}
#index_about_list_l img {
	text-align: center;
}
	.title{text-align: center}
	.e_title{float: none;width: 100%}
	.c_title{float: none;width: 100%;margin-left: 0;}
	.title_more{display: none;}
	.wap{display: block;}
	.pc{display: none;}
	.news_title{width: 100%;text-align: center;float: left;}
	.news_content{
	float: left;
	width: 100%;
}
	.product_title1{display: block}
	.product_top{display: none;}
	#top_product .pic{
		width: 48%;
		margin-right: 4%;
	}
	#top_product .pic:nth-child(2n)
	{margin-right: 0}
	#top_product .pic:nth-child(3n)
	{display: none;}
	#top_product{padding-top: 50px;
	padding-bottom: 50px;}
	#case{padding-top: 50px;
	padding-bottom: 50px;}
	.case_top{width: 100%;}
	.news_more{display: none}
	.news_all{width:100%}
	.news_content2{margin: 50px auto}
	#news2 .news_title{margin-top:50px;}
	.cooperate_title{width: 100%;text-align: center;position: static;top:0;transform: translate(0,0);line-height: 50px;}
	.cooperate_content{width: 100%;}
	#footer{padding-top: 50px;padding-bottom: 65px;}
}

@media only screen and (max-width: 576px) {
html {
	font-size: 8.5px;/* 整体字体缩小 */
}
	#top_product .pic_a{margin:20px;}
.qr_code_l{width: 100%;}
.qr_code_r {
	width: 100%;
	margin-left: 0;
}
	.qr_code_title{
		
		margin-top: 30px;
	}
	#footer{
		text-align: center;
		
	}
.wp{width: 84.4%;}
#news .news_l {
	width: 100%;
	
}
#news .news_r {
	width: 100%;
	margin-left: 0;
}
.news_r_more{
		float: none;
	}
#content_lm span {
	display: none;
}
#content_lm {
	text-align: center;
}
#case .ctitle {
	padding-bottom: 10px;
	padding-top: 10px;
}
.news_r_time {
	display: none;
}

#news_titele_more {
	display: none;
}
#news_title {
	text-align: center;
}
.m_nav {
	display: block;
}
#index_about {
	padding-top: 20px;
	padding-top: 20px;
}
#index_about_title {
	padding-bottom: 20px;
}
#index_about_list_more {
	position: static;
}
}

@media only screen and (max-width: 414px) {
#footer {
	margin-bottom: 60px;
}
}

@media only screen and (max-width: 375px) {
#footer {
	margin-bottom: 50px;
}
}

@media only screen and (max-width: 360px) {
#footer {
	margin-bottom: 40px;
}
}
